﻿@model PhoneStoreWeb.Models.LogInModel

@{
    ViewBag.Title = "LogIn";
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="~/Areas/Admin/Content/screen.css" type="text/css" />
    <link rel="stylesheet" href="~/Areas/Admin/Content/Style.css" type="text/css" />
    <!-- jquery core -->
    <script src="~/Areas/Admin/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <!-- Custom jquery scripts -->
    <script src="~/Areas/Admin/Scripts/custom_jquery.js" type="text/javascript"></script>
    <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD> png fix -->
    <script src="~/Areas/Admin/Scripts/jquery.pngFix.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>
</head>
<body id="login-bg">
    <!-- Start: login-holder -->
    <div id="login-holder">
	    <!-- start logo -->
	    <div id="logo-login">
		    <a href="http://www.mps.com"><img src="~/Areas/Admin/Images/shared/logo.png" width="156" height="40" alt="" /></a>
	    </div>
	    <!-- end logo -->
	
	    <div class="clear"></div>
	
	    <!--  start loginbox ................................................................................. -->
	    <div id="loginbox">
	
	    @using (Html.BeginForm("LogIn", "Account", FormMethod.Post, new { @autocomplete = "off" }))
        {
            <!--  start login-inner -->
	        <div id="login-inner">
		        <table border="0">
		            <tr>
			            <th>Tài khoản</th>
                        <td>@Html.TextBoxFor(m => m.UserName, new { @class = "login-inp" })</td>
		            </tr>
		            <tr>
			            <th>Mật khẩu</th>
			            <td>@Html.PasswordFor(m => m.Password, new { @class = "login-inp", value = "********", onfocus="this.value=''" })</td>
		            </tr>
		            <tr>
			            <th></th>
			            <td>@Html.CheckBoxFor(m => m.RememberMe, new { @class = "checkbox-size" })
                            @Html.LabelFor(m => m.RememberMe, new { @class = "remember-me" })</td>
		            </tr>
		            <tr>
			            <th></th>
			            <td><input type="submit" class="submit-login" /></td>
		            </tr>
		        </table>
	        </div>
        }
 	    <!--  end login-inner -->
	    <div class="clear"></div>
	    <a href="~/Account/ForgotPassword" class="forgot-pwd">Quên mật khẩu?</a>
    </div>
    <!--  end loginbox -->
	<!--  start forgotbox ................................................................................... -->
	<div id="forgotbox">
		<div id="forgotbox-text">Hệ thống sẽ gửi thông tin đến email ứng với tài khoản này.</div>
		    @using (Html.BeginForm("ForgotPassword", "Account", FormMethod.Post, new { @autocomplete = "off" }))
            {
                <!-- start forgot-inner -->
		        <div id="forgot-inner">
		            <table border="0">
		            <tr>
			            <th>Tài khoản:</th>
			            <td><input type="text" name="username" value="" class="login-inp" /></td>
		            </tr>
		            <tr>
			            <th></th>
			            <td><input type="submit" class="submit-login" /></td>
		            </tr>
		            </table>
		        </div>
            }
		<!--  end forgot-inner -->
		<div class="clear"></div>
		    <a href="#" class="back-login">Về trang đăng nhập</a>
	    </div>
	<!--  end forgotbox -->
    </div>
<!-- End: login-holder -->
</body>
</html>